//main: ../rui.less

// 表单结构
form {
	margin:0 0 20px;
	padding: 20px;
}
fieldset {
    padding: 16px 16px 0px;
    border: none;
    border-top: 1px solid #ccc;
}
legend {
    padding: 0px 10px;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 0px;
    font-weight: bold;
    color: @colorBlue;
}
legend small {
	font-size:12px;
    font-weight: normal;
	color:#999;
    padding-left: 5px;
}
fieldset.formBtn {
	border: none;
	padding: 0px 16px;
}
fieldset.formBtn legend {
	display: none;
}
.formTable {
	
}
.formTable th {
	text-align: right;
	width: 22%;
	padding-right: 10px;
    line-height: 32px;
}
.formTable th span {
	font-style: normal;
	padding-right: 5px;
	color: @colorRed;
}
.formTable td {
	padding-bottom: 10px;	
}
.formTable td input[type="text"],
.formTable td input[type="password"]{
	width: 240px;
}
.formTable td small {
	display: block;
    color: #999;
    line-height: 20px;
    padding-top: 5px;
    font-size: 12px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
    display: inline-block;
    padding: 6px 6px;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}
textarea {
    height: 60px;
    width:50%;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover
{
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus
{
  border: 1px solid #4787ed;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(71, 135, 237, .6);
}

select,
input[type="file"] {
  height: 32px;
  *margin-top: 4px;
  line-height: 32px;
}

select {
  width: 100px;
  background-color: #ffffff;
  border: 1px solid #ccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline:0px;
}

select.mini,
input.mini {
	padding: 2px 3px;
}
select.mini {
	height: 24px;
}
input.error,
input.error:hover,
input.error:focus {
    border-color: @colorError;
}

.formTable input[type="checkbox"],
.formTable input[type="radio"] {
	margin-right: 5px;
}
.formTable label {
	margin-right: 10px;
	cursor: pointer;
}
